html {
    background-color: rgb(103, 31, 31);  
    cursor:url("http://www.rw-designer.com/cursor-view/208523.png"), auto;
    background-image: url('https://c4.wallpaperflare.com/wallpaper/916/243/719/patterns-lines-bright-color-wallpaper-preview.jpg');
    font-family:'Times New Roman', Times, serif
  }

  @font-face {
    font-family: voyager;
    src: url(https://antikrist.lol/fonts/MADEVoyagerPERSONALUSE-Bold.otf);
}  


  @font-face {
    font-family: myFirstFont;
    src: url("C:\Desktop\table\learning_curve\LearningCurve.ttf");
  }
  
  div {
    font-family: voyager;
  } 

.grow{
        float: left;
       /* width: 250px;
        height: 132px;  */
        filter: drop-shadow(0px 0px 4px #000000);
    }
.grow:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05) rotate(0deg);
    transition: 0.2s ease;
  }


#pap{
    position: absolute;
    margin-left: 920px;
    margin-top: 100px;

}
#img-pap{
 /*float: left;*/
  width: 250px;
  height: 132px;
  background:transparent url("https://i.pinimg.com/736x/9b/b2/86/9bb2861f3d552ecca71ff4b1f68f011b.jpg") center top no-repeat;
  background-size: 100%;
  border: 20px solid transparent;
  padding: 0px;
  border-image: url("https://files.catbox.moe/eonoo5.webp") 80 round;
}
#img-pap:hover{
  background-image: url("https://img.buzzfeed.com/buzzfeed-static/static/2022-05/31/22/asset/0967d66559f6/anigif_sub-buzz-3126-1654034821-12.gif");
}
#isl{
    position: absolute;
    margin-left: 600px;
    margin-top: 170px;  
}

#img-isl{
  /*float: left;*/
  width: 250px;
  height: 132px;
  background:transparent url("https://i.pinimg.com/736x/81/92/ad/8192adedf3747b16bd9e6559ce7bc116.jpg") center top no-repeat;
  background-size: 100%;
  border: 20px solid transparent;
  padding: 5px;
  border-image: url("https://files.catbox.moe/eonoo5.webp") 80 round;
}
#img-isl:hover{
  background-image: url("https://media.tenor.com/TCyNoJBq0bQAAAAM/me-watching-my-past-self-interstellar.gif");
}

#lm{
    position: absolute;
    margin-left: 265px;
    margin-top: 120px;  
   /* transform: rotate(0deg);
    filter: drop-shadow(0px 0px 4px #332733);
    z-index: 2*/
}

#img-lm{
  /*float: left;*/
  width: 250px;
  height: 130px;
  background:transparent url("https://i.pinimg.com/736x/a9/e4/de/a9e4de8c23bee6724bbfb5ff1f14c882.jpg") center top no-repeat;
  background-size: 100%;
  border: 20px solid transparent;
  padding: 0px;
  border-image: url("https://files.catbox.moe/0o2gb9.webp") 80 round;
}
#img-lm:hover{
  background-image: url("https://i.pinimg.com/originals/ec/cf/d7/eccfd798fbb533015f04fe89de3efe74.gif");
  background-repeat: no-repeat;
  background-size: cover;

}

.imgtxt {
    /* width: fit-content;
     height: fit-content;
     display: inline-block;*/
     position: absolute;
   }
   .imgtxt span {
     opacity: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 99;
     font-size: 1.5rem;
     color: #FFF;
     filter: drop-shadow(1px 1px 0 black) 
       drop-shadow(-1px 1px 0 black)
       drop-shadow(1px -1px 0 black)
       drop-shadow(-1px -1px 0 black);
   }
   .imgtxt:hover span, .imgtxt:focus span {
     opacity: 1;
   }
   .imgtxt:hover img, .imgtxt:focus img {
     /* add hover effects like transform or filter to your images here! */
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05) rotate(0deg);
     transition: 0.2s ease;
   }

   #spoon {
    position: absolute;
    margin-left: 150;
    margin-top: 50px;
    filter: drop-shadow(0px 0px 4px #332733);
  }


  #at{
    position: absolute;
    margin-left: 1200px;
    margin-top: 300px;  
   /* transform: rotate(0deg);
    filter: drop-shadow(0px 0px 4px #332733);
    z-index: 2*/
}

#img-at{
  /*float: left;*/
  width: 130px;
  height: 130px;
  background:transparent url("https://i.pinimg.com/474x/0f/1b/78/0f1b78e5a4bc623174247195c5ffc7cd.jpg") center top no-repeat;
  background-size: 100%;
  border: 20px solid transparent;
  padding: 0px;
  border-image: url("https://64.media.tumblr.com/42a7e42a8064a5e88cb1ad76fd3ca5af/f99375d9a03fdd80-18/s1280x1920/c51998b17bb509934ec80338f6a19a1c0135af4f.pnj") 120 round;

}
#img-at:hover{
  background-image: url("https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExamVjb2tpYzVma2dybWQ1eG15NGg3M2JsbmNrc2J1cHh3dnNjcjY2YyZlcD12MV9naWZzX3NlYXJjaCZjdD1n/C1nGWlBlOFdEA/giphy.gif");
  background-repeat: no-repeat;
  background-size: cover;
  /*width: auto;
  height: auto;*/
}

#qr{
  position: absolute;
  margin-left: 80px;
  margin-top: 230px;  
 /* transform: rotate(0deg);
  filter: drop-shadow(0px 0px 4px #332733);
  z-index: 2*/
}

#img-qr{
/*float: left;*/
width: 130px;
height: 130px;
background:transparent url("https://i.pinimg.com/736x/ee/a8/de/eea8deb779c9fcd9f76be008a7290462.jpg") center top no-repeat;
background-size: 100%;
border: 20px solid transparent;
padding: 0px;
border-image: url("https://64.media.tumblr.com/d97baa9cb1830a62fe8190f17091ee40/4ae60345550ba0d9-b1/s540x810/658ee2e6463b76bc818ae10cbcdb4da5097c0305.pnj") 120 round;

}
#img-qr:hover{
background-image: url("https://i.pinimg.com/originals/19/d5/f9/19d5f90a3790b4519bcfc4cfec866370.gif");
background-repeat: no-repeat;
background-size: cover;
/*width: auto;
height: auto;*/
}

#cl{
  position: absolute;
  margin-left: 290px;
  margin-top: 300px;  
}

#img-cl{
/*float: left;*/
width: 130px;
height: 130px;
background:transparent url("https://i.pinimg.com/736x/61/54/93/6154937ceacfa2bf0f34118de8b0d96d.jpg") center top no-repeat;
background-size: 100%;
border: 20px solid transparent;
padding: 0px;
border-image: url("https://64.media.tumblr.com/42a7e42a8064a5e88cb1ad76fd3ca5af/f99375d9a03fdd80-18/s1280x1920/c51998b17bb509934ec80338f6a19a1c0135af4f.pnj") 100 round;

}
#img-cl:hover{
background-image: url("https://i.pinimg.com/originals/38/f7/6b/38f76b03416ab1e978210a3838a08c96.gif");
background-repeat: no-repeat;
background-size: cover;
/*width: auto;
height: auto;*/
}